Page({
  data: {
    loading: true,
    searchKeyword: '',
    selectedCategory: 'all',
    categories: [
      { key: 'all', name: '全部案例', icon: '📚' },
      { key: 'sme_market', name: '中小市场', icon: '🏢' },
      { key: 'info_integration', name: '信息化集成', icon: '💻' },
      { key: 'engineering', name: '工程施工', icon: '🏗️' },
      { key: 'network_maintenance', name: '网络维护', icon: '🔧' },
      { key: 'smart_home', name: '智能家居', icon: '🏠' },
      { key: 'measurement', name: '计量检测', icon: '📏' }
    ],
    cases: [
      {
        id: 'case_001',
        title: '某科技公司企业宽带延伸项目',
        category: 'sme_market',
        categoryName: '中小市场',
        client: '北京科技创新有限公司',
        duration: '15天',
        budget: '8.5万元',
        status: 'completed',
        image: 'https://images.unsplash.com/photo-1560472354-b33ff0c44a43?w=400',
        tags: ['企宽延伸', '网络优化', '快速部署'],
        description: '为客户提供高速稳定的企业宽带延伸服务，覆盖3个办公区域，支持200+员工同时在线办公。',
        highlights: [
          '网络速度提升300%',
          '覆盖面积扩大至3000㎡',
          '零故障运行6个月',
          '客户满意度98%'
        ],
        completedDate: '2024-12-15'
      },
      {
        id: 'case_002',
        title: '智能制造工厂数字化改造',
        category: 'info_integration',
        categoryName: '信息化集成',
        client: '华东制造集团',
        duration: '45天',
        budget: '120万元',
        status: 'completed',
        image: 'https://images.unsplash.com/photo-1581091226825-a6a2a5aee158?w=400',
        tags: ['数字化改造', 'IoT集成', '智能制造'],
        description: '完成传统制造工厂的全面数字化改造，集成IoT设备、数据采集系统和智能分析平台。',
        highlights: [
          '生产效率提升40%',
          '设备故障率降低60%',
          '能耗降低25%',
          'ROI回报率达到180%'
        ],
        completedDate: '2024-11-20'
      },
      {
        id: 'case_003',
        title: '连锁酒店智能家居升级',
        category: 'smart_home',
        categoryName: '智能家居',
        client: '悦享连锁酒店',
        duration: '30天',
        budget: '65万元',
        status: 'completed',
        image: 'https://images.unsplash.com/photo-1566073771259-6a8506099945?w=400',
        tags: ['智能客房', '语音控制', '节能管理'],
        description: '为连锁酒店的120间客房提供智能家居解决方案，包括智能照明、空调控制、语音助手等。',
        highlights: [
          '客户满意度提升35%',
          '能源成本降低30%',
          '运营效率提升50%',
          '回头客增加25%'
        ],
        completedDate: '2024-10-30'
      },
      {
        id: 'case_004',
        title: '政府机关网络安全维护',
        category: 'network_maintenance',
        categoryName: '网络维护',
        client: '某区政府办公室',
        duration: '持续服务',
        budget: '年度合同35万元',
        status: 'ongoing',
        image: 'https://images.unsplash.com/photo-1563986768609-322da13575f3?w=400',
        tags: ['网络安全', '7×24监控', '应急响应'],
        description: '为政府机关提供全方位的网络安全维护服务，包括防火墙管理、入侵检测、安全审计等。',
        highlights: [
          '安全事件零发生',
          '网络可用性99.9%',
          '响应时间<30分钟',
          '通过等保三级认证'
        ],
        completedDate: '进行中'
      },
      {
        id: 'case_005',
        title: '医院信息化系统建设',
        category: 'info_integration',
        categoryName: '信息化集成',
        client: '市第二人民医院',
        duration: '60天',
        budget: '180万元',
        status: 'completed',
        image: 'https://images.unsplash.com/photo-1576091160399-112ba8d25d1f?w=400',
        tags: ['HIS系统', '数据集成', '移动医疗'],
        description: '建设完整的医院信息化系统，包括HIS、LIS、PACS等核心系统的集成和移动医疗解决方案。',
        highlights: [
          '就诊效率提升60%',
          '数据准确率99.8%',
          '医生工作效率提升40%',
          '患者满意度提升45%'
        ],
        completedDate: '2024-09-25'
      },
      {
        id: 'case_006',
        title: '大型商场计量检测服务',
        category: 'measurement',
        categoryName: '计量检测',
        client: '万达广场',
        duration: '7天',
        budget: '12万元',
        status: 'completed',
        image: 'https://images.unsplash.com/photo-1441986300917-64674bd600d8?w=400',
        tags: ['计量校准', '设备检测', '合规认证'],
        description: '为大型商场提供全面的计量检测服务，包括电梯、消防、空调等关键设备的检测校准。',
        highlights: [
          '检测设备200+台',
          '合规率100%',
          '通过消防验收',
          '获得营业许可'
        ],
        completedDate: '2024-12-01'
      }
    ],
    filteredCases: [],
    currentCategoryName: '全部'
  },

  onLoad(options) {
    wx.setNavigationBarTitle({
      title: '成功案例分享'
    })
    
    // 如果有传入的分类参数，设置默认分类
    if (options.category) {
      const { categories } = this.data
      const currentCategory = categories.find(cat => cat.key === options.category)
      const currentCategoryName = currentCategory ? currentCategory.name : '全部'

      this.setData({
        selectedCategory: options.category,
        currentCategoryName: currentCategoryName
      })
    }

    this.initData()
  },

  // 初始化数据
  initData() {
    this.setData({
      loading: true
    })
    
    // 模拟加载延迟
    setTimeout(() => {
      this.filterCases()
      this.setData({
        loading: false
      })
    }, 800)
  },

  // 搜索案例
  onSearchInput(e) {
    const keyword = e.detail.value
    this.setData({
      searchKeyword: keyword
    })
    this.filterCases()
  },

  // 清除搜索
  clearSearch() {
    this.setData({
      searchKeyword: ''
    })
    this.filterCases()
  },

  // 选择分类
  onCategoryTap(e) {
    const { category } = e.currentTarget.dataset
    const { categories } = this.data

    // 找到当前分类的名称
    const currentCategory = categories.find(cat => cat.key === category)
    const currentCategoryName = currentCategory ? currentCategory.name : '全部'

    this.setData({
      selectedCategory: category,
      currentCategoryName: currentCategoryName
    })
    this.filterCases()
  },

  // 过滤案例
  filterCases() {
    const { cases, selectedCategory, searchKeyword } = this.data
    
    let filteredCases = cases
    
    // 按分类过滤
    if (selectedCategory !== 'all') {
      filteredCases = filteredCases.filter(item => item.category === selectedCategory)
    }
    
    // 按关键词过滤
    if (searchKeyword) {
      const keyword = searchKeyword.toLowerCase()
      filteredCases = filteredCases.filter(item => 
        item.title.toLowerCase().includes(keyword) ||
        item.client.toLowerCase().includes(keyword) ||
        item.description.toLowerCase().includes(keyword) ||
        item.tags.some(tag => tag.toLowerCase().includes(keyword))
      )
    }
    
    console.log(`🔍 案例过滤结果: ${filteredCases.length}/${cases.length}`)
    
    this.setData({
      filteredCases
    })
  },

  // 查看案例详情
  viewCaseDetail(e) {
    const { case: caseItem } = e.currentTarget.dataset
    console.log('📖 查看案例详情:', caseItem.title)
    
    wx.showModal({
      title: caseItem.title,
      content: `客户：${caseItem.client}\n周期：${caseItem.duration}\n预算：${caseItem.budget}\n\n${caseItem.description}\n\n项目亮点：\n${caseItem.highlights.map(h => `• ${h}`).join('\n')}`,
      showCancel: false,
      confirmText: '了解更多',
      success: () => {
        this.contactConsult(e)
      }
    })
  },

  // 微信客服聊天回调
  onContactService(e) {
    console.log('💬 案例分享页面客服聊天回调:', e.detail)

    // 记录客服咨询事件
    try {
      wx.cloud.callFunction({
        name: 'businessManager',
        data: {
          action: 'logCustomerService',
          logData: {
            type: 'wechat_chat',
            source: 'case_sharing_page',
            path: e.detail.path || '',
            query: e.detail.query || '',
            timestamp: new Date()
          }
        }
      }).then(result => {
        console.log('客服咨询记录成功:', result)
      }).catch(error => {
        console.log('客服咨询记录失败:', error)
      })
    } catch (error) {
      console.log('记录客服咨询失败:', error)
    }

    // 显示提示信息
    wx.showToast({
      title: '客服聊天已打开',
      icon: 'success',
      duration: 2000
    })
  },

  // 下拉刷新
  onPullDownRefresh() {
    this.initData()
    setTimeout(() => {
      wx.stopPullDownRefresh()
    }, 1000)
  }
})
